<template>
  <div class="changePhone mb10r">
    <zh-header :leftRouter="{name: 'profile'}" title="更绑手机号">
      <span slot="left">返回</span>
    </zh-header>

    <div class="form">
      <mt-field label="手机号" placeholder="输入手机号"></mt-field>
      <mt-field label="验证码" placeholder="输入验证码"><zh-sms-button ref="button"></zh-sms-button></mt-field>
      <div class="button tc mt10r">
        <mt-button type="primary" size="small" class="submit whalf">确认</mt-button>
      </div>
    </div>
  </div>
</template>

<script>
  import zhHeader from '@/components/Header'
  import zhSmsButton from '@/components/SMSButton'

  export default {
    data() {
      return {
        oldPhone: '',
        phone: '',
        captcha: ''
      }
    },
    components: {
      zhHeader,
      zhSmsButton
    },
    methods: {
    }
  }
</script>
